<template>
<el-container class="home">
  <el-header>
     <el-button type="primary" @click="toDetails('DataCenter')">汇总统计中心</el-button>
     <el-button type="success" @click="toDetails('BasicLargeScreen')">基础统计中心</el-button>
     <el-button type="danger"  @click="toDetails('HiddenDataCenter')">隐患统计中心</el-button>
     <el-button type="warning" @click="toDetails('RiskDataCenter')">风控统计中心</el-button>
  </el-header>
  <el-main>

  </el-main>
</el-container>
</template>

<script>
export default {
  name: 'Home',
  methods: {
    toDetails(w){
      console.log("w:",w)
      this.$router.push(w)
    }
  },
}
</script>
<style lang="less" scoped>
.home{
  width: 100%;
  height: 100%;
  background: url(../assets/home-bg.gif);
}
.el-header{
  padding-top: 20px;
}
</style>
